<template>
  <div id="app">
    <slider></slider>
    <h1>app.vue</h1>
    <sli :slides="slides" :inv="invTime"></sli>
  </div>
</template>

<script>
  import sli from './components/slider/sli.vue'
  export default {
    name: 'app',
    components: {
      slider,
      sli
    },
    data(){
      return {
        invTime: 1000,
        slides: [
          {
            src: require('./assets/1.jpg'),
            title: 'xxx1',
            href: 'detail/analysis'
          },
          {
            src: require('./assets/2.jpg'),
            title: 'xxx2',
            href: 'detail/count'
          },
          {
            src: require('./assets/3.jpg'),
            title: 'xxx3',
            href: 'http://xxx.xxx.com'
          },
          {
            src: require('./assets/4.jpg'),
            title: 'xxx4',
            href: 'detail/forecast'
          }
        ],

      }
    }

  }
</script>

<style lang="less">
  @import "assets/base/variable";
  @import "assets/base/base.css";

</style>
